<form nz-form #loginDetailForm="ngForm">
  <nz-tabset [nzAnimated]="false" class="tabs">
    <nz-tab nzTitle="用户登录">
      <nz-form-item class="mb-md">
        <nz-form-control nzErrorTip="请输入用户名！" [nzValidateStatus]="account.invalid && (account.dirty || account.touched) ? 'error' : ''"
          nzHasFeedback>
          <nz-input-group nzPrefixIcon="anticon anticon-user">
            <input #account="ngModel" autocomplete="off" nz-input style="height: 38px;"
              [(ngModel)]="LonginInfoDTO.account" name="account" placeholder="用户名" required />
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-control nzErrorTip="请输入密码！"  [nzValidateStatus]="password.invalid && (password.dirty || password.touched) ? 'error' : ''"
          nzHasFeedback>
          <nz-input-group nzPrefixIcon="anticon anticon-lock">
            <input #password="ngModel" autocomplete="off" nz-input style="height: 38px;" type="password"
              [(ngModel)]="LonginInfoDTO.password" name="password" placeholder="密码" required />
          </nz-input-group>
        
        </nz-form-control>
      </nz-form-item>
    </nz-tab>
  </nz-tabset>
  <nz-form-item>
    <nz-col [nzSpan]="12">
      <label nz-checkbox [(ngModel)]="rememberMe" name="rememberMe">7天内自动登录</label>
    </nz-col>
    <nz-col [nzSpan]="12" class="text-right">
      <a class="forgot" (click)="msg.error('请找欧阳锋')">找回密码</a>
    </nz-col>
  </nz-form-item>
  <nz-form-item>
    <button nz-button type="submit" (click)="onLogin($event)" nzType="primary" nzSize="large" [nzLoading]="loading"
      nzBlock>
      登录
    </button>
  </nz-form-item>
</form>
<div class="other">

  <a class="register" routerLink="/passport/register">用户注册</a>
</div>
